<template>
  <line-item class="graphics-line" :timeline-item="timelineItem">
    <template v-for="(_, index) in blockArr" :slot="index">
      <div class="image-position" :style="{ backgroundImage: `url(${graphicsSrc})` }"></div>
    </template>
  </line-item>
</template>

<script>
import singleMixins from '@veditor/components/timeLine/js/singleMixins';

export default {
  name: 'Graphics',
  mixins: [singleMixins],
  computed: {
    graphicsSrc() {
      return this.timelineItem.graphicsSrc;
    },
  },
};
</script>

<style lang="stylus">
.graphics-line
  .line-item
    background-color #263d41
    color #64a2ac
</style>
